<!DOCTYPE html>
<html>
<head>
	<title></title>
	#parse("sys/header.html")
	#parse("utils/importExcel.html")
	<!--<link rel="stylesheet" href="${rc.contextPath}/static/css/index.css">-->
	<style>

		.avatar-uploader .el-upload {
			border: 1px dashed #d9d9d9;
			border-radius: 6px;
			cursor: pointer;
			position: relative;
			overflow: hidden;
		}
		.avatar-uploader .el-upload:hover {
			border-color: #20a0ff;
		}
		.avatar-uploader-icon {
			font-size: 28px;
			color: #8c939d;
			width: 178px;
			height: 178px;
			line-height: 178px;
			text-align: center;
		}
		.avatar {
			width: 178px;
			height: 178px;
			display: block;
		}

		.el-upload__input {
			display: none!important;
		}
		.center{
			text-align: center;
		}
		.border-line{
			padding-top: 15px;
			border-top: 1px solid #d6dcde;
			font-size: 16px;
		}
		.font{
			font-size: 16px;
		}
		@media (min-width: 768px) {
			.col-sm-2 {width: 14%;}
		}

	.small-btn{
		padding-left: 20px;
        padding-right: 20px;
        padding-top: 3px;
        padding-bottom: 3px;
	}
	/* elememt-ui 样式修改 */
	.el-date-editor.el-input {
    /* width: 193px; */
        width: 100%;
     }
	</style>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">

		<div class="grid-btn">
			<!--col-sm-4-->
			<div class="form-group ">
				<div class="col-sm-4">
					<input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="姓名">
				</div>
				<!--</div>-->
				<!--<div class="form-group col-sm-4">-->
				<div class="col-sm-1 control-label">性别</div>
				<div class="col-sm-3">
					<!--<input type="text" class="form-control" v-model="q.sex" @keyup.enter="query" placeholder="性别">-->
					<select v-model="q.sex" class="form-control">
						<option  value=" ">所有</option>
						<option  value="sex01">男</option>
						<option  value="sex02">女</option>
					</select>
				</div>
				<!--</div>-->
				<!--<div class="form-group col-sm-4">-->
				<div class="col-sm-1 control-label">学历</div>
				<div class="col-sm-3">
					<!--<input type="text" class="form-control" v-model="q.education" @keyup.enter="query" placeholder="学历">-->
					<select v-model="q.education" class="form-control">
						<option  value=" ">所有</option>
						<option  value="education01">小学</option>
						<option  value="education02">初中</option>
						<option  value="education03">高中/中专</option>
						<option  value="education04">大学/大专</option>
						<option  value="education05">硕士</option>
						<option  value="education06">博士</option>
					</select>
				</div>
			</div>
			<div class="form-group ">

				<div class="col-sm-1 control-label">年龄</div>
				<div class="col-sm-3">
					<input type='text' v-model="q.minAge"  onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
					<input type='text' v-model="q.maxAge"  onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />
				</div>

				<div class="col-sm-1 control-label">身份证号</div>
				<div class="col-sm-3">
					<input type="text" class="form-control" v-model="q.cardNo" @keyup.enter="query" placeholder="身份证号">
				</div>

				<div class="col-sm-1 control-label">求职意向</div>
				<div class="col-sm-3">
					<input type="text" class="form-control" v-model="q.job" @keyup.enter="query" placeholder="求职意向">
				</div>

			</div>
			<div class="form-group ">
				<div class="col-sm-1 ">开始时间</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="q.startTime" id="startTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="招聘开始时间" />
				</div>
				<div class="col-sm-1 ">结束时间</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="q.endTime" id="endTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="招聘结束时间" />
				</div>
				<div class="col-sm-1 control-label">求职单位</div>
				<div class="col-sm-3">
					<input type="text" class="form-control" v-model="q.company" @keyup.enter="query" placeholder="求职单位">
				</div>
			</div>
			<div class="form-group ">
				<div class="col-sm-1 control-label">特殊人员</div>
				<div class="col-sm-3">
					<input type="text" class="form-control" v-model="q.sperson" @keyup.enter="query" placeholder="特殊人员">
				</div>
				<div class="col-sm-1 control-label">招聘渠道</div>
				<div class="col-sm-3">
					<input type="text" class="form-control" v-model="q.recruitchannel" @keyup.enter="query" placeholder="招聘渠道">
				</div>

			</div>

			<a class="btn btn-default" @click="query">查询</a>
			#if($shiro.hasPermission("empbaseinfo:save"))
			<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			#end
			#if($shiro.hasPermission("empbaseinfo:update"))
			<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			#end
			#if($shiro.hasPermission("empbaseinfo:delete"))
			<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			#end
			#if($shiro.hasPermission("empbaseinfo:update"))
			<a class="btn btn-primary" @click="lockInit">锁定</a>
			#end
			<a class="btn btn-primary" @click="normaldispatch">正常派遣</a>
			<!--<a class="btn btn-primary" @click="tempdispatch">临时劳务</a>-->
			<a class="btn btn-primary" @click="addrecruitdamand">添加面试匹配人选</a>
			<a class="btn btn-primary" >员工信息修改</a>
			#if($shiro.hasPermission("empbaseinfo:import"))
			<a class="btn btn-primary" @click="btnImoprt"><i class="fa fa-folder-open-o"></i>&nbsp;导入</a>
			#end
		</div>
		<table id="jqGrid"></table>
		<div id="jqGridPager"></div>
	</div>

	<div v-show="!showList&&!showtable" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">

			<div class="form-group">
				<div id="appUpload" class="col-sm-3 center">
					<el-upload id="preview" class="avatar-uploader" action="${rc.contextPath}/empbaseinfo/uploadCard" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
						<img v-if="imageUrl" :src="imageUrl" class="avatar">
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</div>
				<div class="col-sm-8">
				 <div class="form-group center font" >
						<span style="">必填信息</span>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">姓名</div>
						<div class="col-sm-4">
							<input type="text" class="form-control" v-model="empBaseinfo.name" placeholder="姓名"/>
						</div>
						<div class="col-sm-2 control-label">身份证号</div>
						<div class="col-sm-4">
							<input type="text" class="form-control" v-model="empBaseinfo.idno" placeholder="身份证号"/>
						</div>
						
				</div>
				<div class="form-group">					
				   <div class="col-sm-2 control-label">出生日期</div>
				   <div class="col-sm-4">
					 <el-date-picker v-model="empBaseinfo.birthday" type="date" placeholder="出生日期"/>
				   </div>	
 				   <div class="col-sm-2 control-label">性别</div>
				   <div class="col-sm-4">
					 <label class="radio-inline"><input type="radio" v-model="empBaseinfo.sex" name="sex" value="sex01"/>男</label>
					 <label class="radio-inline"><input type="radio" v-model="empBaseinfo.sex" name="sex" value="sex02"/>女</label>
				  </div>
				</div>
				<div class="form-group">	
 				 <div class="col-sm-2 control-label">年龄</div>
				 <div class="col-sm-4">
						<input type="text" class="form-control" v-model="empBaseinfo.age" placeholder="年龄"/>
				 </div>
				 <div class="col-sm-2 control-label">民族</div>
			 	 <div class="col-sm-4">
					 <select v-model="empBaseinfo.nation" class="form-control">
						<option v-for="nation in nationlist" :value="nation.value">{{nation.label}}</option>
					 </select>
				 </div>
				</div>
			  </div>
			</div>
			
			<div class="form-group">
				<div class="col-sm-2 control-label">婚否</div>
				<div class="col-sm-3">
					   <label class="radio-inline"><input type="radio" v-model="empBaseinfo.married" value="0"/>未婚</label>
					   <label class="radio-inline"><input type="radio" v-model="empBaseinfo.married" value="1"/>已婚</label>
					   <label class="radio-inline"><input type="radio" v-model="empBaseinfo.married" value="2"/>离异</label>
				</div>
				<div class="col-sm-2 control-label">学历</div>
				<div class="col-sm-2">
					<select v-model="empBaseinfo.education" class="form-control">
						<option v-for="edu in educationlist" :value="edu.value">{{edu.label}}</option>
					</select>
				</div>
				<div class="col-sm-2 control-label">联系电话</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.telphone" placeholder="联系电话"/>
				</div>				
			</div>
			<div class="form-group">
		        <div class="col-sm-2 control-label">政治面貌</div>
				<div class="col-sm-2">
					<select v-model="empBaseinfo.polstatus" class="form-control">
						<option v-for="polstatus in polstatuslist" :value="polstatus.value">{{polstatus.label}}</option>
					</select>
				</div>
				<div class="col-sm-2 control-label">紧急联系人</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.emergencycontact" placeholder="紧急联系人"/>
				</div>
				<div class="col-sm-2 control-label">紧急联系电话</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.emergencycontacttel" placeholder="紧急联系电话"/>
				</div> 
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">求职单位</div>
					<div class="col-sm-2">
						<input type="text" class="form-control" readonly="readonly"  @click='popSettlement' v-model="empBaseinfo.company" placeholder="求职单位"/>
					</div>
					<div class="col-sm-2 control-label">求职岗位</div>
					<div class="col-sm-2">
						<select v-model="empBaseinfo.job" class="form-control">
							<option v-for="job in dictList1" :value="job.value">{{job.label}}</option>
						</select>
					</div>
			</div>	

			 <div class="form-group">		
            	<div class="col-sm-2 control-label">户籍地址</div>
            	<div class="col-sm-6">
            		<input type="text" class="form-control" v-model="empBaseinfo.localaddress" placeholder="户籍地址"/>
            	</div>
            </div>
			<div class="form-group">
				<div class="col-sm-2 control-label">现居地址</div>
				<div class="col-sm-6">
					<input type="text" class="form-control" v-model="empBaseinfo.address" placeholder="现居地址"/>
				</div>
			</div>

			<div class="form-group center border-line">
				<span style="">选填信息</span>
			</div>

			<div class="form-group">

			    <div class="col-sm-2 control-label">招聘渠道</div>
				<div class="col-sm-2">
					<select v-model="empBaseinfo.recruitchannel" class="form-control">
						<option v-for="recruitchannel in recruitChannellist" :value="recruitchannel.value">{{recruitchannel.label}}</option>
					</select>
				</div>
				<div class="col-sm-2 control-label">毕业院校</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.school" placeholder="毕业院校"/>
				</div>
				<div class="col-sm-2 control-label">专业</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.perfession" placeholder="专业"/>
				</div>
					
			</div>

			<div class="form-group">
				<div class="col-sm-2 control-label">身份证签发机关</div>
				<div class="col-sm-2">
					<input type="text" class="form-control" v-model="empBaseinfo.carddepartment" placeholder="签证机关"/>
				</div>
				<div class="col-sm-2 control-label">开始日期</div>
				<div class="col-sm-2">
					<el-date-picker v-model="empBaseinfo.startdate" type="date" placeholder="开始日期"/>
				</div>
				<div class="col-sm-2 control-label">结束日期</div>
				<div class="col-sm-2">
					<el-date-picker v-model="empBaseinfo.enddate" type="date" placeholder="结束日期"/>
				</div>
			</div>
			
			<div class="form-group">
    			<div class="col-sm-2 control-label">家庭成员</div>
				<div class="col-sm-5">
					<el-input type="textarea" :autosize="{ minRows: 2}" v-model="empBaseinfo.familyinfo" placeholder="家庭成员"/>
				</div>
			     				   
			</div>

			<div class="form-group">
				<div class="col-sm-2 control-label">简历情况</div>
				<div class="col-sm-5">
					<el-input type="textarea" :autosize="{ minRows: 2}" v-model="empBaseinfo.jlqk" placeholder="简历情况"/>
				</div>
			</div>
         
			<div class="form-group">
				<div class="col-sm-2 control-label">工作档案</div>
				<div class="col-sm-6">
				  <el-select v-model="empBaseinfo.jobfiles" multiple>
					 <el-option v-for="file in jobfileslist" :key="file.value" :label="file.label" :value="file.value" />
				  </el-select>
				</div>
				<!--<label v-for="file in jobfileslist" class="checkbox-inline">
					<input type="checkbox" :value="file.id" v-model="empBaseinfo.jobfiles">{{file.description}}
				</label>-->
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">特殊人员</div>
				<label v-for="person in specialpersonlist" class="checkbox-inline">
					<input type="checkbox" :value="person.value" v-model="empBaseinfo.specialperson">{{person.label}}
				</label>
			</div>
			<div class="form-group center border-line" >
				<span style="">电子档案</span>
			</div>

			<div class="form-group" >
				<div class="col-sm-12 ">
					<input type="button" class="btn btn-default small-btn" @click="addEarchiveItem" value="增加">
				</div>
			</div>
			<div class="form-group" >
				<template v-for="(earchive,index) in empBaseinfo.earchives ">
					<div class="form-group">
						<div class="col-sm-2 control-label">档案类型</div>
						<div class="col-sm-2">
							<select v-model="earchive.filetype" class="form-control">
								<option v-for="filetype in dictList2" :value="filetype.value">{{filetype.label}}</option>
							</select>
							<!--<input type="text" class="form-control" v-model="earchive.filetype" placeholder="档案类型"/>-->
						</div>
						<div class="col-sm-2 control-label">档案名称</div>
						<div class="col-sm-2">
							<input type="text" class="form-control" v-model="earchive.filename" placeholder="档案名称"/>
						</div>
						<div class="col-sm-4" style="float: right">
							<input type="button" class="btn btn-del" @click="delEarchiveItem(index)" value="删除">
						</div>
					</div>
				</template>
			</div>


			<div class="form-group center border-line" >
				<span style="">技能证书</span>
			</div>
			<div class="form-group" >
				<div class="col-sm-12 ">
					<input type="button" class="btn btn-default small-btn" @click="addCertificateItem" value="增加">
				</div>
			</div>

			<div class="form-group">
				<template v-for="(certificate, index) in empBaseinfo.certificates ">
					<div class="form-group">
						<div class="col-sm-2 control-label">证书名称</div>
						<div class="col-sm-2">
							<input type="text" class="form-control" v-model="certificate.papername" placeholder="证书名称"/>
						</div>
						<div class="col-sm-2 control-label">证书编号</div>
						<div class="col-sm-2">
							<input type="text" class="form-control" v-model="certificate.paperno" placeholder="证书编号"/>
						</div>
						<div class="col-sm-4" style="float: right">
						   <input type="button" class="btn btn-del" @click="delCertificateItem(index)" value="删除">
					   </div>
					</div>
					<div class="form-group">
						<div class="col-sm-2 control-label">初审日期</div>
						<div class="col-sm-2">
							<el-date-picker v-model="certificate.startdate" type="date" placeholder="初审日期"/>
							<!--<input type="text" class="form-control form_date laydate-icon" @click="showg(certificate.id+'time-0')"
								   :id="certificate.id+'time-0'" v-model="certificate.startdate" placeholder="初审日期"/>-->
						</div>
						<div class="col-sm-2 control-label">复审日期</div>
						<div class="col-sm-2">
							<el-date-picker v-model="certificate.confirmdate" type="date" placeholder="复审日期"/>
							<!--<input type="text" class="form-control form_date" v-model="certificate.confirmdate" placeholder="复审日期"/>-->
						</div>
						<div class="col-sm-2 control-label">有效日期</div>
						<div class="col-sm-2">
							<el-date-picker v-model="certificate.validdate" type="date" placeholder="有效日期"/>
							<!--<input type="text" class="form-control form_date" v-model="certificate.validdate" placeholder="有效日期"/>-->
						</div>
					</div>
				</template>

			</div>
			<div class="form-group">
				<div class="col-sm-5 control-label"></div>
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>


	<div v-show="showtable" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">

			<div class="form-group">
				<div class="col-sm-2 control-label">锁定原因</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="empBaseinfo.reason" placeholder="锁定原因"/>
				</div>

			</div>

			<div class="form-group">
				<div class="col-sm-5 control-label"></div>
				<input type="button" class="btn btn-primary" @click="updatestatus" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
</div>

<div id="popSettlement" style="display: none;padding:10px;">
	<form id="formSearch" class="form-horizontal">
		<div class="form-group" >
			<label class="control-label col-sm-1" style="width: 120px" for="popUser_name">结算点名称 </label>
			<div class="col-sm-2">
				<input type="text" class="form-control" id="popUser_name">
			</div>
			<div class="col-sm-1" style="text-align:center;">
				<button type="button"  id="findsettlement_btn"  class="btn btn-primary">查询</button>
			</div>
		</div>
	</form>
	<table id="popSettlementGrid"></table>
	<div id="popSettlementGridPager"></div>
</div>
<!--<script type="text/javascript" src="${rc.contextPath}/statics/libs/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="${rc.contextPath}/statics/libs/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>-->
<!--<script src="${rc.contextPath}/js/recruit/laydate.js?_${date.systemTime}"></script>-->
<!--<script src="${rc.contextPath}/static/libs/index.js?_${date.systemTime}"></script> -->
<!--部门树弹窗开始-->
<div id="windowtree" hidden="true">
	<ul id="menuTree" class="ztree">
	</ul>
</div>
<!--部门树弹窗结束-->
<script src="${rc.contextPath}/js/recruit/empbaseinfo.js?_${date.systemTime}"></script>
</body>
</html>